<div class="container no-underline">
  <div class="w-4/5 inline-block mr-3">
    <ti-progressbar [value]="value" [max]="max"></ti-progressbar>
  </div>
  <span>{{ 100 * value / max }}%</span>
</div>
<div class="container no-underline">
  <div class="w-4/5 inline-block mr-3">
    <ti-progressbar [value]="value2" [max]="max"></ti-progressbar>
  </div>
  <span>{{ 100 * value2 / max }}%</span>
</div>
<div class="container no-underline">
  <div class="w-4/5 inline-block mr-3">
    <ti-progressbar [value]="value1" [max]="max"></ti-progressbar>
  </div>
  <span>{{ 100 * value1 / max }}%</span>
</div>
